<!DOCTYPE html>
<html lang="en">
<head>
    <title>修改信息</title>
    <titleType style="display: none">healthCard_modifyInfo</titleType>
    <%- include('../../_global/baseLibs') %>
    <link rel="stylesheet" href="/quickJs/scripts/mui/css/mui.min.css">
    <link rel="stylesheet" href="/quickJs/scripts/mui/mui.picker.min.css">
    <script type="text/javascript" src="/quickJs/scripts/mui/js/mui.min.js"></script>
    <script type="text/javascript" src="/quickJs/scripts/mui/mui.picker.min.js"></script>
    <script type="text/javascript" src="/static/lib/plupload/plupload.full.min.js"></script>
    <script type="text/javascript" src="/static/lib/util.js"></script>
    <script type="text/javascript" src="/static/js/jkk.js"></script>
    <style type="text/css">
        .item-center .text{
            text-align: right;
            margin-right: 1.5rem;
        }
    </style>
</head>
<body>
<section class="page-wrap page-family">
    <!-- header start -->
    <header id="header" class="header-box grey fixed"  >
        <div class="header-content">
            <div class="left-tool">
                <a class="back"><i class="iconfont icon-back"></i></a>
            </div>
            <div class="title">修改信息</div>
        </div>
    </header>
    <!-- header end -->
    <!--content start-->
   <section class="content">
        <aside class="plane-box first family-plane">
            <ul class="default-list form-list">
                <li>
                    <div class="item-inner">
                        <div class="item-title">
                            联系电话
                        </div>
                        <div class="item-center">
                            <input class="input-text" id="lxdh" type="text"  value="">
                             <i class="iconfont icon-more"></i>
                        </div>
                    </div>
                </li>
                 <li>
                    <div class="item-inner">
                        <div class="item-title">
                            婚姻状况
                        </div>
                        <div class="item-center">
                             <input class="input-text" id="aac017" type="text"  value="" readonly>
                            <i class="iconfont icon-more"></i>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="item-inner">
                        <div class="item-title">
                            职业
                        </div>
                        <div class="item-center">
                            <input class="input-text" id="zydm" type="text"  value="" readonly>
                             <i class="iconfont icon-more"></i>
                        </div>
                    </div>
                </li>
                  <li>
                    <div class="item-inner">
                        <div class="item-title">
                            文化程度
                        </div>
                        <div class="item-center">
                            <input class="input-text" id="aac011" type="text"  value="" readonly>
                             <i class="iconfont icon-more"></i>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="item-inner">
                        <div class="item-title">
                            居住地址
                        </div>
                        <div class="item-center">
                            <input class="input-text" id="jzdz" type="number"  value="">
                            <i class="iconfont icon-more"></i>
                        </div>
                    </div>
                </li>
                 <li>
                    <div class="item-inner">
                        <div class="item-title">
                            民族
                        </div>
                        <div class="item-center">
                            <input class="input-text" id="aac005" type="text"  value="" readonly>
                             <i class="iconfont icon-more"></i>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="item-inner">
                        <div class="item-title">
                            国籍
                        </div>
                        <div class="item-center">
                             <input class="input-text" id="" type="text" value="" readonly>
                              <i class="iconfont icon-more"></i>
                        </div>
                    </div>
                </li>
            </ul>
        </aside>
        <p style="padding-left: 1rem;color: #ce4b4b">以下信息不可修改</p>
        <aside class="plane-box first family-plane">
            <ul class="default-list form-list">
                <li>

                    <div class="item-inner">
                        <div class="item-title">
                            姓名
                        </div>
                        <div class="item-center">
                            <div class="text" id="aac003">刘亦菲</div>
                             <i class="iconfont icon-more"></i>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="item-inner">
                        <div class="item-title">
                            证件类型
                        </div>
                        <div class="item-center">
                        <div class="text" id="zjlb">身份证</div>
                            <i class="iconfont icon-more"></i>
                        </div>
                    </div>
                </li>
                <li >
                    <div class="item-inner">
                        <div class="item-title">
                            证件号码
                        </div>
                        <div class="item-center">
                            <div class="text" id="zjhm">1234</div>
                            <i class="iconfont icon-more"></i>
                        </div>
                    </div>
                </li>
                 <li>
                    <div class="item-inner">
                        <div class="item-title">
                            居民唯一ID号
                        </div>
                        <div class="item-center">
                        <div class="text" id="residentID">1234</div>
                            
                            <i class="iconfont icon-more"></i>
                        </div>
                    </div>
                </li>
                  <li>
                    <div class="item-inner">
                        <div class="item-title">
                            认证模式
                        </div>
                        <div class="item-center">
                        <div class="text" id='rzfs'>窗口认证</div>
                           
                            <i class="iconfont icon-more"></i>
                        </div>
                    </div>
                </li>
            </ul>
        </aside>
        
        <aside class="plane-box">
            <ul class="default-list form-list">
             <li>
                    <div class="item-inner">
                        <div class="item-title">
                            性别
                        </div>
                          <div class="item-center">
                          <div class="text" id="aac004">女</div>
                          
                             <i class="iconfont icon-more"></i>

                        </div>
                    </div>
                </li>
                <li>
                    <div class="item-inner">
                        <div class="item-title">
                            出生日期
                        </div>
                        <div class="item-center">
                        <div class="text" id="aac006">1989-09-09</div>
                              <i class="iconfont icon-more"></i>
                        </div>
                    </div>
                </li>   
                  <li>
                    <div class="item-inner">
                        <div class="item-title">
                            新农合(卡)号
                        </div>
                        <div class="item-center">
                         <div class="text" id="xlhh"></div>
                            
                             <i class="iconfont icon-more"></i>
                            <!-- <i class="iconfont icon-more"></i> -->
                        </div>
                    </div>
                </li>
                <li>
                    <div class="item-inner">
                        <div class="item-title">
                        健康档案号
                        </div>
                        <div class="item-center">
                         <div class="text" id="jkdah"></div>
                           
                            <i class="iconfont icon-more"></i>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="item-inner">
                        <div class="item-title">
                            户籍地址
                        </div>
                        <div class="item-center">
                         <div class="text" id="addr"></div>
                            <i class="iconfont icon-more"></i>
                        </div>
                    </div>
                </li>
                  <li>
                    <div class="item-inner">
                        <div class="item-title">
                           认证资料
                        </div>
                        <div class="item-center">
                         <div class="text" id="file1"></div>
                            <i class="iconfont icon-more"></i>
                        </div>
                    </div>
                </li>
            </ul>
        </aside>


     <aside class="button-box">
            <div  class="button button-primary" id="changCl">修改</div>
        </aside>
    </section>

</section>

<script>


var page_modifyInfo = (function($, page_modifyInfo) {
    function pickerChange(id,data){
        // 初始化数据
        var picker = new mui.PopPicker();
        picker.setData(data);
        /*弹出选择器 并传递关闭回调函数*/
        picker.show(function (selectItems) {
            $(id)[0].value=selectItems[0];
        });
    }
    function modify(){

        $.QuickUrlUtils.redirectJSBridge({
            url: "/html/gzd/jkk/list.html",
            title: "我的健康卡",
            type: "forget"
        });
    }

    var cfg_def = {
        pickerChange: pickerChange,
        modify: modify,
    }

    page_modifyInfo.init = function(cfg){
        $.extend(page_modifyInfo, cfg_def, cfg);

        $("#aac011").click(function(){
            page_modifyInfo.pickerChange("#aac011",getValues(Educational));
        });
        $("#zydm").click(function(){
            page_modifyInfo.pickerChange("#zydm",getValues(Occupation));
        });
        $("#aac005").click(function(){
            page_modifyInfo.pickerChange("#aac005",getValues(Nation,'nation'));
        });
        $("#aac017").click(function(){
            page_modifyInfo.pickerChange("#aac017",getValues(maritaLStatus));
        });

        $('#changCl').click(page_modifyInfo.modify);

    }

    return page_modifyInfo;
})(jQuery, {});


</script>

</body>
</html>